<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>iTrip-目的地</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<link rel="stylesheet" href="css/destination.css">
	<link rel="stylesheet" href="css/footer.css">
	<script src="js/src/flexible.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<section id="layout">
	<header class="header">
		<div class="top">
			<a href="index.html" class="back">返回</a>
			<h3>选择目的地</h3>
		</div>
		<form action="#" class="search">
			<input type="text" placeholder="春季旅游节">
		</form>
	</header>
	
	<section class="main">
		<ul class="nav-left">
			<li class="on"><span class="hot"></span><br>热门</li>
			<li><span class="domestic"></span><br>国内</li>
			<li><span class="abroad"></span><br>国外</li>
		</ul>
		<div class="wrapper scroll-list">
			<ul class="content">
				<li>
					<a href="">
						<img src="images/img/search0407_01.jpg" alt="">
						<p>上海迪士尼</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/search0407_02.jpg" alt="">
						<p>云南</p>
					</a>
				</li>
				
				<li>
					<a href="">
						<img src="images/img/search0407_03.jpg" alt="">
						<p>厦门</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/search0407_04.jpg" alt="">
						<p>香港</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/search0407_05.jpg" alt="">
						<p>法国</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/search0407_06.jpg" alt="">
						<p>泰国</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/search0407_07.jpg" alt="">
						<p>美国</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/search0407_08.jpg" alt="">
						<p>德国</p>
					</a>
				</li>
		
			
			</ul>
			<ul class="content" style="display: none;">
				<li>
					<a href="">
						<img src="images/img/guonei0407_03.jpg" alt="">
						<p>上海迪士尼</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/guonei0407_05.jpg" alt="">
						<p>稻城亚丁</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/guonei0407_09.jpg" alt="">
						<p>九寨沟</p>
					</a>
				</li>
				
				<li>
					<a href="">
						<img src="images/img/guonei0407_10.jpg" alt="">
						<p>乌镇</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/guonei0407_13.jpg" alt="">
						<p>婺源</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/guonei0407_14.jpg" alt="">
						<p>青海湖</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/guonei0407_17.jpg" alt="">
						<p>香格里拉</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/guonei0407_18.jpg" alt="">
						<p>鼓浪屿</p>
					</a>
				</li>		
			</ul>
			<ul class="content" style="display: none;">
				<li>
					<a href="">
						<img src="images/img/waiguo0407_03.jpg" alt="">
						<p>马尔代夫</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/waiguo0407_05.jpg" alt="">
						<p>夏威夷</p>
					</a>
				</li>
				
				<li>
					<a href="">
						<img src="images/img/waiguo0407_09.jpg" alt="">
						<p>巴厘岛</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/waiguo0407_10.jpg" alt="">
						<p>曼谷</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/waiguo0407_13.jpg" alt="">
						<p>西班牙</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/waiguo0407_14.jpg" alt="">
						<p>拉斯维加斯</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/waiguo0407_17.jpg" alt="">
						<p>塞班岛</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/img/waiguo0407_18.jpg" alt="">
						<p>苏梅岛</p>
					</a>
				</li>
					
			
			</ul>
		</div>
	</section>
	<footer class="tabbar">
		<div class="nav">
			<a href="index.html"><span class="home"></span><br>首页</a>
			<a href="destination.html" class="active"><span class="destination"></span><br>目的地</a>
			<a href="history.html"><span class="history"></span><br>浏览历史</a>
			<a href="myinfo.html"><span class="user"></span><br>个人</a>
		</div>
	</footer>
	<a href="javasript:;" id="top">顶部</a>
</section>
<script src="js/src/zepto.min.js"></script>
<script src="js/src/touch.js"></script>
<script src="js/destination.js"></script>
</body>
</html>
